<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
        <title>5-7-1 设计师个人中心-开通工作室-个人</title>
        <link rel="stylesheet" href="../vendors/bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" href="../vendors/fontawesome/css/font-awesome.min.css" />
        <link rel="stylesheet" href="../css/style.css">
    </head>

    <body>

        <div class="ic-header">
            <div class="top-nav hidden-xs hidden-sm">
                <div class="container">
                    <div class="row">
                        <div class="top-nav-favsite col-xs-5 ">
                            <a href="#">收藏本站</a>
                        </div>
                        <div class="top-nav-useradmin col-xs-7">
                            <div class="headerPage-Btn pull-right">
                                <button type="button" class="headerPage-btn pageBtn-1">买家中心</button>
                                <button type="button" class="headerPage-btn pageBtn-2" data-toggle="modal" data-target="#exampleModal">我要开店</button>
        
                            </div>
                            <ul class="pull-right register-state">
                                <li><a class="ic-headerName" href="#">美妮美妮真美丽</a> <i class="fa fa-sort-desc"></i>
        
                                    <ul class="register-stateSecondary">
                                        <div class="carten"><i class="fa fa-caret-up"></i></div>
                                        <li class="stateSecondaryMunu"><a href="javascript:;">个人中心</a></li>
                                        <li class="stateSecondaryMunu"><a href="javascript:;">我的订单</a></li>
                                        <li class="stateSecondaryMunu"><a href="javascript:;">我的消息</a></li>
                                        <li class="stateSecondaryMunu"><a href="javascript:;">退出账户</a></li>
                                    </ul>
        
                                </li>
                                <li><a href="#">欢迎您</a></li>
                            </ul>
                            <div class="favfolder pull-right">
                                <a class="top-nav-aborder" href=""><i class="fa fa-star"></i>收藏夹</a>
                            </div>
                            <div class="shopcart pull-right">
                                <a href=""><i class="fa fa-shopping-cart"></i>购物车<b >2</b></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
            <div class="main-nav">
                <div class="container">
                    <div class="row">
                        <div class="main-logo col-xs-12 col-md-2">
                            <a href="ic-index.html">
                                <img src="../images/public/icolor-logo.png" alt="icolor-logo" />
                            </a>
                        </div>
                        <div class="col-xs-12 col-md-2">
                            <div class="page-name-user-center"><span>个人中心</span></div>
                        </div>
                        <div class="col-xs-12 col-md-offset-4 col-md-4 col-lg-3 col-lg-push-1 visible-md visible-lg search-bar">
                            <form action="#">
                                <div class="input-group search-bar-body">
                                    <div class="input-group-btn main-navbar-search-dropdown ic-fake-select">
                                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="search-bar-channel-text ic-fake-select-value-display">图库</span></button>
                                        <ul class="dropdown-menu">
                                            <li><a href="#">图库</a></li>
                                            <li><a href="#">文章</a></li>
                                            <li><a href="#">商品</a></li>
                                            <li><a href="#">设计</a></li>
                                        </ul>
                                        <input type="hidden" class="search-bar-channel">
                                    </div>
                                    <input type="text" class="form-control search-query" placeholder="海量精美效果图任你选">
                                    <span class="input-group-btn">
                                        <button class="btn btn-default btn-search" type="submit">
                                            <i class="fa fa-search"></i>
                                        </button>
                                    </span>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        
        </div>
        
        <div class=" modal fade in" id="exampleModal" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-lg">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 ">
                        <div class="modal-content">
                            <div class="dusc-personal dusc-shop dusc-header-login">
        
                                <div class="dusc-shopbox">
                                    <div class="modal-header modala-headerTittle">
                                        请您留下信息， 稍后iColor客服会与你联系， 沟通开店事宜
                                    </div>
        
                                    <div class="form-group clearfix">
                                        <div class="col-xs-12 col-sm-6 col-md-6 col-md-offset-3 col-sm-offset-3">
                                            <input type="text" name="" id="" class="form-control" placeholder="您的称呼" />
                                        </div>
                                    </div>
                                    <div class="form-group clearfix">
                                        <div class="col-xs-12 col-sm-6 col-md-6 col-md-offset-3 col-sm-offset-3"">
                                            <input type="text" name="" id="" class="form-control" placeholder="手机号码" />
                                        </div>
                                    </div>
                                    
                                    <div class="col-xs-12  header-loginOne">
                                    <button class="btn btn-block ">提交</button>
        
                                    </div>
                                                                <div class="headerloginP">*为了保障您的利益，iColor将严格保密您的隐私!</div>
        
                                </div>
        
                                <div class="personal-superposedLayer">
                                    <button class=" btn-block superposedLayer-btn" data-dismiss="modal">
                                            <i class="fa fa-times superposedLayer-fa" ></i>
                                        </button>
                                </div>
                                <div class="superBtn">
        
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="ic-dsuc-page-main container">
            <!--<div class="row">
            <div class="col-sm-2">
             
            </div>
            <div class="col-sm-10">-->

            <div class="dsuc-kaitong-personal">
                <!--container K-->
                <div class="ic-main ic-sheji-workshop-page " data-workshop-id="ws23">
                    <!--第一步 开始-->
                    <div class="row">
                        <div class="kaitong-borderTop-Link col-sm-12">
                            <h2 class="ic-kaitong-personal-headerH2 kaitong-personal-mianH2"><span class="kaitong-Bu">第一步：</span> 上传店招，写个性标语</h2>
                        </div>

                    </div>

                    <div class="row kaitong-slogan ">
                        <p class="col-sm-12">在此处写一句您的个性标语吧，这句话会出现在店招头图顶部，让所有人看到哦！</p>
                        <div class="col-sm-12">
                            <input type="text" class="form-control kaitong-personal-headerInput" placeholder="您好！欢迎来到我的设计工作室!" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-12">
                            <div class="dusa-kaitong-personal-bgi">
                                <img class="personal-bgi" src="../images/contents/dsuc-kaitong-personal-hB1.jpg" />
                                <a href="#" class="dusa-kaitong-personal-pictrue" data-toggle="modal" data-target="#shop-banner">
                                    <i class="fa fa-file-image-o"></i> 更换店招图片
                                </a>
                            </div>
                        </div>
                    </div>
                    <!--第一步 结束-->

                    <!--第二步 开始-->
                    <div class="row">
                        <div class="kaitong-borderTop-Link col-sm-12">
                            <h2 class="ic-kaitong-personal-headerH2 kaitong-personal-mianH2"><span class="kaitong-Bu">第二步：</span> 填全基本信息 <i class="ico-Jhao">*</i> <span class="ico-Bxu">为必填项</span></h2>
                        </div>
                    </div>
                    <!--表单部分 开始-->

                    <div class="row ic-kaitong-personal-mianTop">
                        <!--左侧 头像部分 开始-->
                        <div class="col-md-3 col-sm-4 col-xs-12">
                            <div class="kaitong-personalLeftImg">
                                <img src="../images/contents/dsuc-kaitong-personaIMG2.jpg" alt="头像信息" />
                                <a href="#">设置头像</a>
                            </div>
                        </div>
                        <!--左侧 头像部分 结束-->

                        <!--右侧 表单部分 开始-->
                        <div class="col-md-9 col-sm-8 col-xs-12 kaitong-Span">
                            <form class="form-horizontal">
                                <div class="form-group kaitong-personal-minLinheight">
                                    <label class="col-md-2 col-sm-2 col-xs-12 kaitong-personal-minLabel"><i>*</i>真实姓名：</label>
                                    <div class="col-md-4 col-sm-3 col-xs-12 kaitong-personal-minInput">
                                        <input type="text" class="form-control " />
                                    </div>

                                    <label class="col-md-2 col-sm-2 col-xs-12 kaitong-personal-minLabel"><i>*</i>所在公司：</label>
                                    <div class="col-md-4 col-sm-5 col-xs-12 kaitong-personal-minInput">
                                        <div class="col-xs-12 col-sm-4 kaitong-personal-minInput2">
                                            <select class="form-control">
                                            <option>请选择</option>
                                            <option>北京</option>
                                            <option>南京</option>
                                            <option>西京</option>
                                            <option>东京</option>
                                        </select>
                                        </div>

                                        <div class="col-xs-12 col-sm-4 kaitong-personal-minInput2">
                                            <select class="form-control">
                                            <option>请选择</option>
                                            <option>北京</option>
                                            <option>南京</option>
                                            <option>西京</option>
                                            <option>东京</option>
                                        </select>
                                        </div>

                                        <div class="col-xs-12 col-sm-4 kaitong-personal-minInput2">
                                            <select class="form-control">
                                            <option>请选择</option>
                                            <option>北京</option>
                                            <option>南京</option>
                                            <option>西京</option>
                                            <option>东京</option>
                                        </select>
                                        </div>
                                    </div>

                                </div>

                                <div class="form-group kaitong-personal-minLinheight">
                                    <label class="col-md-2 col-sm-2 col-xs-12 kaitong-personal-minLabel"><i>*</i>现任公司：</label>
                                    <div class="col-md-4 col-sm-4 col-xs-12 kaitong-personal-minInput">
                                        <input type="text" class="form-control " />
                                    </div>

                                    <label class="col-md-2 col-sm-2 col-xs-12 kaitong-personal-minLabel"><i>*</i>公司职位：</label>
                                    <div class="col-md-4 col-sm-4 col-xs-12 kaitong-personal-minInput">
                                        <input type="text" class="form-control " />
                                    </div>
                                </div>

                                <div class="form-group kaitong-personal-minLinheight">
                                    <label class="col-md-2 col-sm-2 col-xs-12 kaitong-personal-minLabel"><i>*</i>设计报价：</label>
                                    <div class="col-md-4 col-sm-4 col-xs-12 kaitong-personal-minInput">
                                        <select class="form-control">
                                        <option>151~200元/平方米</option>
                                        <option>151~200元/平方米</option>
                                        <option>151~200元/平方米</option>
                                        <option>151~200元/平方米</option>
                                        <option>151~200元/平方米</option>
                                    </select>
                                    </div>

                                    <label class="col-md-2 col-sm-2 col-xs-12 kaitong-personal-minLabel"><i>*</i>从业年限：</label>
                                    <div class="col-md-4 col-sm-4 col-xs-12 kaitong-personal-minInput">
                                        <input type="text" class="form-control " />
                                    </div>
                                </div>

                                <div class="form-group kaitong-personal-minLinheight">
                                    <label class="col-md-2 col-sm-2 col-xs-12 kaitong-personal-minLabel"><i>*</i>擅长风格：</label>
                                     <div class="col-md-10 col-sm-10 col-xs-12 kaitong-personal-minInput " id="minSpan-parent">
                                    <div class="kaitong-personal-minSpan minSpan1 kaitong-personal-minSpanOn">
                                        <span>现代简约</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan1">
                                        <span>田园</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan1">
                                        <span>欧/美式</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan1">
                                        <span>乡村</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan1">
                                        <span>中式</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan1">
                                        <span>日式</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan1">
                                        <span>地中海</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan1">
                                        <span>东南亚</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan1">
                                        <span>新古典</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan1">
                                        <span>混搭</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan1">
                                        <span>宜家</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan1">
                                        <span>工业风</span>
                                    </div>
                                    <div class="col-md-12 col-sm-12 col-xs-12 kaitong-personal-minInput  kaitong-personal-minP">
                                        （请至少勾选1个您擅长的风格，最多不超过3个）
                                    </div>

                                    </div>

                                </div>

                                <div class="form-group kaitong-personal-minLinheight">
                                    <label class="col-md-2 col-sm-2 col-xs-12 kaitong-personal-minLabel"><i>*</i>擅长户型：</label>
                                  <div class="col-md-10 col-sm-10 col-xs-12 kaitong-personal-minInput " id="minSpan-parent2">
                                    <div class="kaitong-personal-minSpan kaitong-personal-minSpanOn minSpan2">
                                        <span>小户型</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan2">
                                        <span>一居</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan2">
                                        <span>两居</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan2">
                                        <span>三居</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan2">
                                        <span>四居</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan2">
                                        <span>公寓</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan2">
                                        <span>复式</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan2">
                                        <span>跃层</span>
                                    </div>

                                    <div class="kaitong-personal-minSpan minSpan2">
                                        <span>别墅</span>
                                    </div>
                                    <div class="kaitong-personal-minSpan minSpan2">
                                        <span>Loft</span>
                                    </div>

                                    <div class="col-md-12 col-sm-12 col-xs-12 kaitong-personal-minInput  kaitong-personal-minP">
                                        （请至少勾选1个您擅长的风格，最多不超过3个）
                                    </div>

                                    </div>

                                </div>

                                <div class="form-group kaitong-personal-minLinheight">
                                    <label class="col-md-2 col-sm-2 col-xs-12 kaitong-personal-minLabel"><i>*</i>个性标签：</label>
                                    <div class="col-md-10 col-sm-10 col-xs-12 kaitong-personal-minInput">
                                        <div class="kaitong-personal-minborder clearfix">
                                            <div class="col-xs-12" id="minSpanPerten">
                                                <div class="kaitong-personal-minSpan kaitong-personal-minSpanOn minSpan-partitionRight">
                                                    <span>收纳达人</span>
                                                    <a class="minSpan-partitionBtn">x</a>
                                                </div>
                                                <div class="kaitong-personal-minSpan kaitong-personal-minSpanOn minSpan-partitionRight">
                                                    <span>软装高手</span>
                                                    <a class="minSpan-partitionBtn">x</a>
                                                </div>
                                                <div class="kaitong-personal-minSpan kaitong-personal-minSpanOn minSpan-partitionRight">
                                                    <span>空间规划有一套</span>
                                                    <a class="minSpan-partitionBtn">x</a>
                                                </div>
                                            </div>
                                            <div class="col-md-12 col-sm-12 col-xs-12  kaitong-personal-minP">
                                                <div class="kaitong-personal-minborbottom">
                                                    （请至少勾选1个您擅长的风格，最多不超过3个）
                                                </div>
                                            </div>

                                            <div class="col-xs-12" id="addLabelParten">
                                                <div class="kaitong-personal-minSpan kaitong-personal-minSpan2">
                                                    <span>收纳达人</span>
                                                </div>
                                                <div class="kaitong-personal-minSpan kaitong-personal-minSpan2">
                                                    <span>软装高手</span>
                                                </div>
                                                <div class="kaitong-personal-minSpan kaitong-personal-minSpan2">
                                                    <span>空间规划有一套</span>
                                                </div>
                                                <div class="kaitong-personal-minSpan kaitong-personal-minSpan2">
                                                    <span>资深设计宅</span>
                                                </div>
                                                <div class="kaitong-personal-minSpan kaitong-personal-minSpan2">
                                                    <span>创意家品控</span>
                                                </div>
                                                <div class="kaitong-personal-minSpan kaitong-personal-minSpan2">
                                                    <span>别墅专业户</span>
                                                </div>
                                                <div class="kaitong-personal-minSpan kaitong-personal-minSpan2">
                                                    <span>沟通效率高</span>
                                                </div>
                                                <div class="kaitong-personal-minSpan kaitong-personal-minSpan2">
                                                    <span>从事专业定制十年</span>
                                                </div>
                                                <div class="kaitong-personal-minSpan kaitong-personal-minSpan2">
                                                    <span>现代简约铁粉</span>
                                                </div>
                                                <div class="kaitong-personal-minSpan kaitong-personal-minSpan2">
                                                    <span>施工猫腻难逃我眼</span>
                                                </div>

                                                <div class="kaitong-personal-minSpan minSpan2-label" id="addLabel">
                                                    <span> +标签</span>
                                                </div>

                                            </div>
                                            <div class="hidden" id="addLabelHS">
                                                <div class="col-xs-8 col-sm-6col-md-4">
                                                    <input type="text" id="addInput" class="form-control" />
                                                </div>
                                                <button id="addLabelBtn" class="btn" type="button">提交</button>
                                            </div>
                                            <div class="col-md-12 col-sm-12 col-xs-12 kaitong-personal-minP">
                                                （请至少勾选1个您擅长的风格，最多不超过3个）
                                            </div>

                                        </div>

                                    </div>

                                </div>

                                <div class="form-group kaitong-personal-minLinheight">
                                    <label class="col-md-2 col-sm-2 col-xs-12 kaitong-personal-minLabel"><i>*</i>工作经历：</label>
                                    <div class="col-md-10 col-sm-10 col-xs-12 kaitong-personal-minInput kaitong-personal-minHeight">
                                        <textarea type="text" class="form-control kaitong-personal-minHeight" placeholder="请填写您与设计相关的工作经历，让业主更详细地了解您"></textarea>

                                    </div>
                                </div>

                                <div class="form-group kaitong-personal-minLinheight">
                                    <label class="col-md-2 col-sm-2 col-xs-12 kaitong-personal-minLabel">获奖经历：</label>
                                    <div class="col-md-10 col-sm-10 col-xs-12 kaitong-personal-minInput kaitong-personal-minHeight">
                                        <textarea type="text" class="form-control kaitong-personal-minHeight" placeholder="请填写您与设计相关的获奖经历，全面展示您的实力"></textarea>

                                    </div>
                                </div>

                                <div class="form-group kaitong-personal-minLinheight">
                                    <label class="col-md-2 col-sm-2 col-xs-12 kaitong-personal-minLabel"><i>*</i>身份证扫描件：</label>
                                    <div class="col-md-10 col-sm-10 col-xs-12 kaitong-personal-minInput">
                                        <div class="row js-multi-pic-upload" data-upload-max="1" data-size-limit="10485760">
                                            <input type="file" id="js-upload-model" class="js-pic-upload hidden" name="img[]" accept="image/*"></input>
                                            <div class="col-xs-12 col-sm-4 col-md-2 company-file">
                                                <button class="btn btn-default btn-upload-pic company-upload">
                                                    <em class="fa fa-file"></em>&nbsp;上传文件
                                                </button>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-9 company-file">
                                                <p class="company-file-p"><em class="fa fa-exclamation-triangle"></em>提示：支持JPG、GIF、PNG、或BMP格式图片，本地上传图片大小不超过10M</p>
                                            </div>

                                            <div class="col-xs-12 upload-pic-review-group">
                                                <div class="js-pic-preview hidden">
                                                    <div class="pic-preview-outer">
                                                        <div class="upload-pic-item">
                                                        </div>
                                                    </div>
                                                    <p class="text-center">
                                                        <button class="btn-link btn-del-pic">
                                                            <i class="fa fa-trash"></i> 删除
                                                        </button>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!--右侧 表单部分 结束-->

                    </div>

                    <!--表单部分 结束-->

                    <!--第二步 结束-->

                    <!--第三步 开始-->

                    <!--标题开始-->
                    <div class="row">
                        <div class="kaitong-borderTop-Link col-sm-12 ">
                            <h2 class="ic-kaitong-personal-headerH2 kaitong-personal-mianH2">
                            <span class="kaitong-Bu">第三步：<span class="kaitong-Bu-color"> 制作焦点图 </span></span> 
                            <span class="ico-Bxu" id="ico-Bxu">若不想制作焦点图，可点击右侧按钮在页面中隐藏此区域</span>

                            <a href="javascript:;" class="kaitong3-aheaderBtn"  id="threeDistrict-btnHide"><i class="fa fa-eye">&nbsp;&nbsp;</i>点击隐藏</a>

                        </h2>
                        </div>
                    </div>
                    <!--标题结束-->

                    <div class="row">
                        <div class="threeDistrict clearfix" id="threeDistrict">
            <div class="threeDistrictHBtn-parent">
                            <div class="threeDistrict-HBtn clearfix threeDistrict-copyDom ">
                                <div class="col-xs-12">

                                    <div class="kaitong-threeDistrict kaitong-threeDistrictNot picture-relative">
                                        
                                        <img src="" alt="" />
                                         
                                        <div class="picture-position">
                                            <a href="javascript:;" class="threeDistrit-hideBtn">删除</a>
                                        </div>
                                        <div class="col-md-4 col-sm-6 col-xs-12">
                                            <div class="district">
                                                <h2>个人简介</h2>
                                                <p>WORK PROFILE</p>
                                                <div class="district-explain">
                                                    <textarea type="text" class="form-control district-explainTextarea" placeholder="此处可以填写突显您亮点的个人简介，若此处不填写文字，保存后该区域则不会显示。 "></textarea>
                                                </div>
                                                <p class="district-explainP">您还可以输入100字</span>
                                            </div>
                                        </div>

                                        <div class="col-md-8 col-sm-6 col-xs-12">
                                            <div class="explain-p explain-pHidden">
                                                <a href="#"> <i class="fa fa-picture-o"></i></a>
                                                <p class="explain-p1">点击重新选择图片</p>
                                                <p class="explain-p2">请插入一张底图，可以是您精心设计的图片，或是您的设计案例</p>
                                                <p class="explain-p3">（支持JPG、GIF、PNG、或BMP格式图片，本地上传图片大小不超过10M）</p>
                                            </div>
                                        </div>

                                    </div>

                                </div>

                                <div class="col-xs-12 col-sm-8 col-md-6 col-md-offset-3 col-sm-offset-2  threeDistrict-bottom ">
                                    <input type="text" class="form-control threeDistrict-bottom2" placeholder="请输入该图片的跳转页面地址（若不填，则该焦点图不可点击，仅做展示） " />
                                </div>

                                <!--<div class="col-xs-12 col-sm-12 col-md-10 col-md-offset-1 col-sm-offset-0  threeDistrict-bottom">
                                <button class="btn btn-block threeDistrict-bottom3">+新建一帧</button>
                            </div>-->
                            </div>
                            <div class="threeDistrict-HBtn clearfix">
                                <div class="col-xs-12 threeDistrict-Hidden">
                                    <div class="threeDistrictHimg">
                                        
                                                                <img src="../images/contents/dsuc-kaitong-personal3step.jpg" alt="" />
                                    </div>

                                    <div class="kaitong-threeDistrict picture-relative">
                                        
                                        <div class="picture-position">
                                            <a href="javascript:;" class="threeDistrit-hideBtn">删除</a>
                                        </div>
                                        <div class="col-md-4 col-sm-6 col-xs-12">
                                            <div class="district">
                                                <h2>个人简介</h2>
                                                <p>Personal profile</p>
                                                <div class="district-explain">
                                                    <textarea type="text" class="form-control district-explainTextarea" placeholder="此处可以填写突显您亮点的个人简介 若此处不填写文字，保存后该区域则不会显示。 "></textarea>
                                                </div>
                                                <p class="district-explainP">您还可以输入100字</span>
                                            </div>
                                        </div>

                                        <div class="col-md-8 col-sm-6 col-xs-12">
                                            <div class="explain-p">
                                                <a href="#"> <i class="fa fa-picture-o"></i></a>
                                                <p class="explain-p1">点击重新选择图片</p>
                                                <p class="explain-p2">请插入一张底图，可以是您精心设计的图片，或是您的设计案例</p>
                                                <p class="explain-p3">（支持JPG、GIF、PNG、或BMP格式图片，本地上传图片大小不超过10M</p>
                                            </div>
                                        </div>

                                    </div>

                                </div>

                                <div class="col-xs-12 col-sm-8 col-md-6 col-md-offset-3 col-sm-offset-2  threeDistrict-bottom ">
                                    <input type="text" class="form-control threeDistrict-bottom2" placeholder="请输入该图片的跳转页面地址（若不填，则该焦点图不可点击，仅做展示） " />
                                </div>

                             
                            </div>
              </div>
                             <div class="col-xs-12 col-sm-12 col-md-10 col-md-offset-1 col-sm-offset-0  threeDistrict-bottom">
                                    <button id="addCopyDom1" class="btn btn-block threeDistrict-bottom3">+新建一帧(还可以添加 <span id="addCopySpan">4</span> 帧)</button>
                                </div>
                            <!--副本-->
                          <!--   <div class="threeDistrict-HBtn clearfix threeDistrict-HBtn2">
                                <div class="col-xs-12">
                               

                                    <div class="kaitong-threeDistrict kaitong-threeDistrict-transcript picture-relative">

                                        <div class="picture-position">
                                        <a href="javascript:;" class="threeDistrit-hideBtn">删除</a>
                                    </div>
                                        <div class="col-md-4 col-sm-6 col-xs-12">
                                            <div class="district">
                                                <h2>个人简介</h2>
                                                <p>PERSONAL PROFILE</p>
                                                <div class="district-explain">
                                                    <textarea type="text" class="form-control district-explainTextarea" placeholder="此处可以填写突显您亮点的个人简介，若此处不填写文字，保存后该区域则不会显示。"></textarea>
                                                </div>
                                                <p class="district-explainP">您还可以输入100字</span>
                                            </div>
                                        </div>

                                        <div class="col-md-8 col-sm-6 col-xs-12">
                                            <div class="explain-p explain-pw">
                                                <p class="explain-pc4">您还没有上传焦点图哦~</p>
                                                <a href="#"> <i class="fa fa-picture-o"></i></a>
                                                <p class="explain-p1 explain-pc1">点击上传图片</p>
                                                <p class="explain-p2 explain-pc2">请插入一张底图，可以是您精心设计的图片，或是您的设计案例</p>
                                                <p class="explain-p3 explain-pc3">（支持JPG、GIF、PNG、或BMP格式图片，本地上传图片大小不超过10M）</p>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <div class="col-xs-12">

                                    <div class="threeDistrict-bottomLinkc clearfix">

                                        <div class="col-xs-12 col-sm-8 col-md-6 col-md-offset-3 col-sm-offset-2  threeDistrict-bottom">
                                            <input type="text" class="form-control threeDistrict-bottom2" placeholder="请输入该图片的跳转页面地址（若不填，则该焦点图不可点击，仅做展示） " />
                                        </div>

                                      
                                    </div>
                                </div>
                            </div> -->
                        
                        
                          <!--   <div class="threeDistrict-HBtn clearfix ">
                                <div class="col-xs-12">
                                 

                                    <div class="kaitong-threeDistrict kaitong-threeDistrict-transcript picture-relative">

                                        <div class="picture-position">
                                        <a href="javascript:;" class="threeDistrit-hideBtn">删除</a>
                                    </div>
                                        <div class="col-md-4 col-sm-6 col-xs-12">
                                            <div class="district">
                                                <h2>个人简介</h2>
                                                <p>PERSONAL PROFILE</p>
                                                <div class="district-explain">
                                                    <textarea type="text" class="form-control district-explainTextarea" placeholder="此处可以填写突显您亮点的个人简介，若此处不填写文字，保存后该区域则不会显示。"></textarea>
                                                </div>
                                                <p class="district-explainP">您还可以输入100字</span>
                                            </div>
                                        </div>

                                        <div class="col-md-8 col-sm-6 col-xs-12">
                                            <div class="explain-p explain-pw">
                                                <p class="explain-pc4">您还没有上传焦点图哦~</p>
                                                <a href="#"> <i class="fa fa-picture-o"></i></a>
                                                <p class="explain-p1 explain-pc1">点击上传图片</p>
                                                <p class="explain-p2 explain-pc2">请插入一张底图，可以是您精心设计的图片，或是您的设计案例</p>
                                                <p class="explain-p3 explain-pc3">（支持JPG、GIF、PNG、或BMP格式图片，本地上传图片大小不超过10M）</p>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <div class="col-xs-12">

                                    <div class="threeDistrict-bottomLinkc clearfix">

                                        <div class="col-xs-12 col-sm-8 col-md-6 col-md-offset-3 col-sm-offset-2  threeDistrict-bottom">
                                            <input type="text" class="form-control threeDistrict-bottom2" placeholder="请输入该图片的跳转页面地址（若不填，则该焦点图不可点击，仅做展示） " />
                                        </div>

                                      
                                    </div>
                                </div>
                            </div> -->
                        
                        
                        
                     <!--    <div class="col-xs-12 col-sm-12 col-md-10 col-md-offset-1 col-sm-offset-0  threeDistrict-bottom">
                                            <button id="addCopyDom2" class="btn btn-block threeDistrict-bottom3">+新建一帧</button>
                                        </div> -->
                        </div>
                    </div>

                    <!--第三部 结束-->

                    <!--第四部分 开始-->
                    <div class="row " id="fourDistrict">
                        <div class="kaitong-borderTop-Link col-xs-12">
                            <h2 class="ic-kaitong-personal-headerH2 kaitong-personal-mianH2"><span class="kaitong-Bu">第四步：</span>选择展示作品，设置主推作品</h2>
                        </div>

                        <div class="kaitong-fourDistrict col-xs-12">
                            <p class="fourDistrict-headerP1 ">请选择您希望展示在工作室首页的作品，并选择一套最满意的作为主推作品</p>

                            <p class="fourDistrict-headerD2">
                                为了体现您展示作品的真实和原创，请确保每套展示作品中含有以下三种类型的图片：<span> 1、平面图  2、立面图  3、效果图或实景图</span>
                            </p>

                        </div>

                    </div>

                    <div class="row">

                        <div class=" fourDistrict col-xs-12 col-sm-6  col-md-4 fourDistrict-imgBox">
                            <div class="fourDistrict-boxRelative">
                                <div class="fourDistrict-boxShadow clearfix">
                                    <a href="#" class="fourDistrict-a">
                                        <div class="fourDistrict-minImg">
                                            <img src="../images/contents/dsuc-kaitong-Ing-works1.jpg" alt="" />
                                        </div>
                                    </a>
                                    <div class="col-xs-12 fourDistrict-border">
                                        <div class="checkbox fourDistrict-checkbox">
                                            <label>
                                        <input type="checkbox" class="checkbox-pitchOn" />设为主推作品
                                    </label>

                                            <a class="fourDistrict-delete-a"><i class="fa fa-trash"></i>删除</a>
                                            <!--<div class="col-xs-12">-->
                                            <textarea type="text" class="hidden form-control kaitong-personal-minHeight2"></textarea>
                                            <!--</div>-->
                                        </div>
                                        <div class="fourDistrict-toplink">
                                            <div class="col-xs-12 foruDistrict-absolute">
                                                <h2>长沙喜盈门城市广场售楼内样板房</h2>
                                                <p>2014-04-03</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12 col-sm-6  col-md-4 fourDistrict-imgBox">
                            <div class="fourDistrict-boxRelative">
                                <div class="fourDistrict-boxShadow clearfix">
                                    <a href="#" class="fourDistrict-a">
                                        <div class="fourDistrict-minImg">
                                            <img src="../images/contents/dsuc-kaitong-Ing-works1.jpg" alt="" />
                                        </div>
                                    </a>
                                    <div class="col-xs-12  fourDistrict-border">
                                        <div class="checkbox fourDistrict-checkbox">
                                            <label>
                                        <input type="checkbox" class="checkbox-pitchOn"/>设为主推作品
                                    </label>
                                            <a class="fourDistrict-delete-a"><i class="fa fa-trash"></i>删除</a>
                                            <textarea type="text" class="hidden form-control kaitong-personal-minHeight2"></textarea>
                                        </div>
                                        <div class="fourDistrict-toplink">
                                            <div class="col-xs-12 foruDistrict-absolute">
                                                <h2>长沙喜盈门城市广场售楼内样板房</h2>
                                                <p>2014-04-03</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12 col-sm-6  col-md-4 fourDistrict-imgBox">
                            <div class="fourDistrict-boxRelative">
                                <div class="fourDistrict-boxShadow clearfix">
                                    <a href="#" class="fourDistrict-a">
                                        <div class="fourDistrict-minImg">
                                            <img src="../images/contents/dsuc-kaitong-Ing-works1.jpg" alt="" />
                                        </div>
                                    </a>
                                    <div class="col-xs-12  fourDistrict-border">
                                        <div class="checkbox fourDistrict-checkbox">
                                            <label>
                                        <input type="checkbox" class="checkbox-pitchOn"/>设为主推作品
                                    </label>
                                            <a class="fourDistrict-delete-a"><i class="fa fa-trash"></i>删除</a>
                                            <textarea type="text" class="hidden form-control kaitong-personal-minHeight2"></textarea>
                                        </div>
                                        <div class="fourDistrict-toplink">
                                            <div class="col-xs-12 foruDistrict-absolute">
                                                <h2>长沙喜盈门城市广场售楼内样板房</h2>
                                                <p>2014-04-03</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12 col-sm-6 col-md-4 fourDistrict-imgBox">
                            <div class="fourDistrict-boxRelative">
                                <div class="fourDistrict-boxShadow clearfix">
                                    <a href="#" class="fourDistrict-a">
                                        <div class="fourDistrict-minImg">
                                            <img src="../images/contents/dsuc-kaitong-Ing-works1.jpg" alt="" />
                                        </div>
                                    </a>
                                    <div class="col-xs-12  fourDistrict-border">
                                        <div class="checkbox fourDistrict-checkbox">
                                            <label>
                                        <input type="checkbox" class="checkbox-pitchOn"/>设为主推作品
                                    </label>
                                            <a class="fourDistrict-delete-a"><i class="fa fa-trash"></i>删除</a>
                                            <textarea type="text" class="hidden form-control kaitong-personal-minHeight2"></textarea>
                                        </div>
                                        <div class="fourDistrict-toplink">
                                            <div class="col-xs-12 foruDistrict-absolute">
                                                <h2>长沙喜盈门城市广场售楼内样板房</h2>
                                                <p>2014-04-03</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12 col-sm-6 col-md-4 fourDistrict-imgBox">
                            <div class="fourDistrict-boxRelative">
                                <div class="fourDistrict-boxShadow clearfix">
                                    <a href="#" class="fourDistrict-a">
                                        <div class="fourDistrict-minImg">
                                            <img src="../images/contents/dsuc-kaitong-Ing-works1.jpg" alt="" />
                                        </div>
                                    </a>
                                    <div class="col-xs-12  fourDistrict-border">
                                        <div class="checkbox fourDistrict-checkbox">
                                            <label>
                                        <input type="checkbox" class="checkbox-pitchOn"/>设为主推作品
                                    </label>
                                            <a class="fourDistrict-delete-a"><i class="fa fa-trash"></i>删除</a>
                                            <textarea type="text" class="hidden form-control kaitong-personal-minHeight2"></textarea>
                                        </div>
                                        <div class="fourDistrict-toplink">
                                            <div class="col-xs-12 foruDistrict-absolute">
                                                <h2>长沙喜盈门城市广场售楼内样板房</h2>
                                                <p>2014-04-03</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12 col-sm-6 col-md-4 fourDistrict-imgBox">
                            <div class="fourDistrict-boxRelative">
                                <div class="fourDistrict-boxShadow clearfix">
                                    <a href="#" class="fourDistrict-a">
                                        <div class="fourDistrict-minImg">
                                            <img src="../images/contents/dsuc-kaitong-Ing-works1.jpg" alt="" />
                                        </div>
                                    </a>
                                    <div class="col-xs-12  fourDistrict-border">
                                        <div class="checkbox fourDistrict-checkbox">
                                            <label>
                                        <input type="checkbox" class="checkbox-pitchOn"/>设为主推作品
                                    </label>
                                            <a class="fourDistrict-delete-a"><i class="fa fa-trash"></i>删除</a>
                                            <textarea type="text" class="hidden form-control kaitong-personal-minHeight2"></textarea>
                                        </div>
                                        <div class="fourDistrict-toplink">
                                            <div class="col-xs-12 foruDistrict-absolute">
                                                <h2>长沙喜盈门城市广场售楼内样板房</h2>
                                                <p>2014-04-03</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12  col-sm-6  col-md-4 fourDistrict-imgBox">
                            <button class="fourDistrict-boxShadow2" data-toggle="modal" data-target="#ic-pick-work">
                                <div class="fourDistrict-boxPosition">
                                    <i class="fa fa-plus"></i>
                                    <p>导入新作品</p>
                                </div>
                            </button>
                        </div>

                    </div>
                    <!--第四部分 结束-->

                    <!--第五部分 开始-->
                    <div class="row">
                        <div class="kaitong-borderTop-Link col-sm-12">
                            <h2 class="ic-kaitong-personal-headerH2 kaitong-personal-mianH2"><span class="kaitong-Bu">第五步：</span> 同意iColor九大设计服务</h2>
                        </div>

                    </div>

                    <div class="row">
                        <div class="ic-sheji-workshop-service">
                            <!--<div class="ic-sjw-title">
                            <h2>我能为您提供的<span>设计服务</span></h2>
                            <h5>Design service</h5>
                        </div>-->

                            <div class="ic-sjw-service-list carousel-list">
                                <div class="row carousel-list-inner">
                                    <div class="col-xs-6 col-md-3 carousel-list-item ic-sjw-service-item">
                                        <div class="js-img-container ic-sjw-service-item-img">
                                            <img class="js-img-wrap" src="../images/contents/dw_service_1.jpg">
                                        </div>
                                        <h4>Step1:家装咨询</h4>
                                        <p>收房阶段，您有任何关于新家的疑问或构想，都可以找设计管家畅谈。</p>
                                    </div>
                                    <div class="col-xs-6 col-md-3 carousel-list-item ic-sjw-service-item">
                                        <div class="js-img-container ic-sjw-service-item-img">
                                            <img class="js-img-wrap" src="../images/contents/dw_service_2.jpg">
                                        </div>
                                        <h4>Step2:上门量房</h4>
                                        <p>设计管家免费上门量房，核准各居室空间的尺寸，沟通您的住房需求。</p>
                                    </div>
                                    <div class="col-xs-6 col-md-3 carousel-list-item ic-sjw-service-item">
                                        <div class="js-img-container ic-sjw-service-item-img">
                                            <img class="js-img-wrap" src="../images/contents/dw_service_3.jpg">
                                        </div>
                                        <h4>Step3:定制设计</h4>
                                        <p>设计管家免费上门量房，核准各居室空间的尺寸，沟通您的住房需求。</p>
                                    </div>
                                    <div class="col-xs-6 col-md-3 carousel-list-item ic-sjw-service-item">
                                        <div class="js-img-container ic-sjw-service-item-img">
                                            <img class="js-img-wrap" src="../images/contents/dw_service_4.jpg">
                                        </div>
                                        <h4>Step4:产品推荐</h4>
                                        <p>不用再为市面上琳琅满目的产品看花眼设计管家为您推荐好用的家居单品。</p>
                                    </div>
                                    <div class="col-xs-6 col-md-3 carousel-list-item ic-sjw-service-item">
                                        <div class="js-img-container ic-sjw-service-item-img">
                                            <img class="js-img-wrap" src="../images/contents/dw_service_5.jpg">
                                        </div>
                                        <h4>Step5:陪同选材</h4>
                                        <p>地板在哪儿买最物美价廉？哪种材料更节能环保？设计管家陪同您到店选材，让每一分花费都物有所值。</p>
                                    </div>
                                    <div class="col-xs-6 col-md-3 carousel-list-item ic-sjw-service-item">
                                        <div class="js-img-container ic-sjw-service-item-img">
                                            <img class="js-img-wrap" src="../images/contents/dw_service_6.jpg">
                                        </div>
                                        <h4>Step6:施工指导</h4>
                                        <p>设计管家会在施工的进程中，亲临现场指导施工，让设计方案能完整实现。</p>
                                    </div>
                                    <div class="col-xs-6 col-md-3 carousel-list-item ic-sjw-service-item">
                                        <div class="js-img-container ic-sjw-service-item-img">
                                            <img class="js-img-wrap" src="../images/contents/dw_service_7.jpg">
                                        </div>
                                        <h4>Step7:工种对接</h4>
                                        <p>各个工种对接的关键节点，设计管家现场沟通注意事项，保证施工顺利进行。</p>
                                    </div>
                                    <div class="col-xs-6 col-md-3 carousel-list-item ic-sjw-service-item">
                                        <div class="js-img-container ic-sjw-service-item-img">
                                            <img class="js-img-wrap" src="../images/contents/dw_service_8.jpg">
                                        </div>
                                        <h4>Step8:效果负责</h4>
                                        <p>怕装修出来的效果不符合预期？设计管家牢牢为你把关。</p>
                                    </div>
                                    <div class="col-xs-6 col-md-3 carousel-list-item ic-sjw-service-item">
                                        <div class="js-img-container ic-sjw-service-item-img">
                                            <img class="js-img-wrap" src="../images/contents/dw_service_9.jpg">
                                        </div>
                                        <h4>Step9:软装家私</h4>
                                        <p>离梦想的家还差那么一点？，还要靠软装饰物搭配。让好品味的设计管家帮您美梦成真。</p>
                                    </div>
                                </div>
                                <button class="btn btn-default btn-sm pager-prev disabled" type="button">
                    <i class="fa fa-chevron-left"></i>
                </button>
                                <button class="btn btn-default btn-sm pager-next" type="button">
                    <i class="fa fa-chevron-right"></i>
                </button>
                            </div>
                        </div>

                        <div class="col-xs-12 text-center ">
                            <label class="personal-fiveCheckbox">
                        <input type="checkbox"/>我同意并承诺提供《iColor九大设计服务》
                        </label>
                        </div>

                    </div>
                    <!--第五部分 结束-->

                    <!--第六部分 开始-->

                    <div class="row">
                        <div class="col-xs-12">
                            <div class="sixDistrict">
                                <div class="sixDistrict-icolor ">
                                    <img src="../images/contents/dsuc-kaitong-Icolor.png" alt="" />
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12">
                            <h2 class="personal-fiveCheckbox personal-spanBox">
                        <input type="checkbox"/><span class="personal-span1">我愿意申请成为iColor合伙人</span> <span class="personal-span2">(提交申请后，两个工作日内，会iColor客服专员与您联系）</span>
                        </h2>
                        </div>
                    </div>

                    <!--第六部分 结束-->
                    <div class="row">
                        <div class="kaitong-borderTop-Link col-xs-12">
                            <h2 class="ic-kaitong-personal-headerH2 kaitong-personal-mianH2"><span class="kaitong-Bu">第六步：</span>提交iColor审核</h2>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-xs-12">
                            <div class="sevenDistrict">
                                <h2>工作室编辑好后，你还需要提交iColor审核。</h2>
                                <p class="sevenDistrict-p1">审核需要两个工作日，一经通过，您在iColor的设计工作室就正式上线了。</p>
                                <p class="sevenDistrict-p2">(还请确保您工作室展示的案列中，含有一下三列类型图片 1、平面图 2、立体图 3、效果图或者实景图。否则审核将不通过。)</p>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6  col-md-4 col-sm-offset-3 col-md-offset-4 text-center sevenDistrict-parten">

                            <button type="button" class="btn btn-block  sevenDistrict-btn">提交申请</button>
                        </div>

                    </div>

                </div>
                <!--container J-->
            </div>

            <!--</div>
        </div>-->
        </div>

        <!-- 页面尾部 开始 -->
            <div class="ic-footer-slogen">
            	<div class="container">
                    <div class="row hidden-xs hidden-sm">
                    	<div class="slogen col-sm-4"><img src="../images/public/footer-slogen-01.png" alt=""></div>
                    	<div class="slogen col-sm-4"><img src="../images/public/footer-slogen-02.png" alt=""></div>
                    	<div class="slogen col-sm-4"><img src="../images/public/footer-slogen-03.png" alt=""></div>
                    </div>
                    <div class="row hidden-md hidden-lg">
                    	<div class="slogen-xs col-xs-4"><img src="../images/public/footer-slogen-xs-1.png" alt=""></div>
                    	<div class="slogen-xs col-xs-4"><img src="../images/public/footer-slogen-xs-2.png" alt=""></div>
                    	<div class="slogen-xs col-xs-4"><img src="../images/public/footer-slogen-xs-3.png" alt=""></div>
                    </div>
                </div>
            </div>
        
            <div class="ic-footer-mobile hidden">
            	<div class="contianer">
            		<div class="ic-footer-group">
            			<a class="ic-footer-fold-toggle" href="meitu-index.html">
            				<h4>
            					美居美图
            					<i class="fa fa-chevron-down pull-right"></i>
            					<i class="fa fa-chevron-up pull-right"></i>
            				</h4>
            			</a>
            			<div class="ic-footer-fold">
            				<ul class="list-unstyled">
        						<li><a href="meitu-video-list.html">美居视频</a></li>
        						<li><a href="meitu-list.html">美居图库</a></li>
        						<li><a href="meitu-index.html">美居资讯</a></li>
        						<li><a href="meitu-project.html">专题活动</a></li>
        					</ul>
            			</div>
            		</div>
        
            		<div class="ic-footer-group">
            			<a class="ic-footer-fold-toggle" href="jiapin-choice.html">
            				<h4>
            					美居家品
            					<i class="fa fa-chevron-down pull-right"></i>
            					<i class="fa fa-chevron-up pull-right"></i>
            				</h4>
            			</a>
            			<div class="ic-footer-fold">
            				<ul class="list-unstyled">
        						<li><a href="jiapin-choice.html#ic-choice-changjing">按场景选择</a></li>
        						<li><a href="jiapin-choice.html#ic-choice-taocan">按套餐选择</a></li>
        						<li><a href="jiapin-choice.html#ic-choice-danpin">按单品选择</a></li>
        						<li><a href="jiapin-prefs.html">设计首选</a></li>
        					</ul>
            			</div>
            		</div>
        
            		<div class="ic-footer-group">
            			<a class="ic-footer-fold-toggle" href="sheji-index.html">
            				<h4>
            					美居设计
            					<i class="fa fa-chevron-down pull-right"></i>
            					<i class="fa fa-chevron-up pull-right"></i>
            				</h4>
            			</a>
            			<div class="ic-footer-fold">
            				<ul class="list-unstyled">
        						<li><a href="sheji-dapei.html">在线搭配</a></li>
        						<li><a href="sheji-workshop.html">设计师工作室</a></li>
        					</ul>
            			</div>
            		</div>
        
            		<div class="ic-footer-group">
            			<a class="ic-footer-fold-toggle" href="#">
            				<h4>
            					友情链接
            					<i class="fa fa-chevron-down pull-right"></i>
            					<i class="fa fa-chevron-up pull-right"></i>
            				</h4>
            			</a>
            			<div class="ic-footer-fold">
            				<ul class="list-unstyled">
                              <li><a href="http://www.nipponpaint.com.cn/" target="_blank">立邦官网</a></li>
                              <li><a href="http://shop.nipponpaint.com.cn/" target="_blank">立邦官方商城</a></li>
                              <li><a href="http://nipponpaint.tmall.com/shop/viewShop.htm" target="_blank">立邦天猫商城</a></li>
                              <li><a href="http://www.51hejia.com/" target="_blank">和家网</a></li>
                              <li><a href="http://www.pchouse.com.cn/" target="_blank">太平洋家居网</a></li>
                              <li><a href="http://home.jc001.cn/" target="_blank">装修网</a></li>
                              <li><a href="http://www.soupu.com/" target="_blank">搜铺网</a></li>
                              <li><a href="http://www.iwebchoice.com/" target="_blank">装修效果图</a></li>
                              <li><a href="http://home.sh.fang.com/" target="_blank">上海装修</a></li>
        					</ul>
            			</div>
            		</div>
        
            	</div>
            </div>
        
        	<div class="ic-footer-1 hidden-xs hidden-sm">
        		<div class="container">
                    <div class="row">
        				<div class="ic-footer-nav col-xs-12 col-md-2">
        					<h4>美居美图</h4>
        					<ul class="list-unstyled">
        						<li><a href="meitu-video-list.html">美居视频</a></li>
        						<li><a href="meitu-list.html">美居图库</a></li>
        						<li><a href="meitu-index.html">美居资讯</a></li>
        						<li><a href="meitu-project.html.html">专题活动</a></li>
        					</ul>
        				</div>
        				<div class="ic-footer-nav col-xs-12 col-md-2">
        					<h4>美居家品</h4>
        					<ul class="list-unstyled">
        						<li><a href="jiapin-changjing.html">按场景选择</a></li>
                                <li><a href="jiapin-taocan.html">按套餐选择</a></li>
                                <li><a href="jiapin-danpin.html">按单品选择</a></li>
                                <li><a href="jiapin-prefs.html">设计首选</a></li>
        					</ul>
        				</div>
        				<div class="ic-footer-nav col-xs-12 col-md-2">
        					<h4>美居设计</h4>
        					<ul class="list-unstyled">
        						<li><a href="sheji-dapei.html">在线搭配</a></li>
                                <li><a href="sheji-workshop.html">设计师工作室</a></li>
        					</ul>
        				</div>
        				<div class="col-xs-12 col-md-6 hidden-xs hidden-sm">
        					<div class="ic-qrcode">
        						<h4>官方微信号</h4>
        						<img src="../images/public/qrcode.png" alt="qrcode">
        					</div>
        					<div class="ic-qrcode">
        						<h4>iColor APP</h4>
        						<img src="../images/public/qrcode.png" alt="qrcode">
        					</div>
        				</div>
                    </div>
                </div>
        	</div>
        
        	<div class="ic-footer-2  hidden-xs hidden-sm">
        		<div class="container">
        			<div class="row">
        	            <div class="friendlink col-xs-12 col-md-9">
        	            	<ul class="list-inline">
        	            		<span>友情链接：</span>
        	            		<li><a href="http://www.nipponpaint.com.cn/" target="_blank">立邦官网</a></li>
                                <li><a href="http://shop.nipponpaint.com.cn/" target="_blank">立邦官方商城</a></li>
                                <li><a href="http://nipponpaint.tmall.com/shop/viewShop.htm" target="_blank">立邦天猫商城</a></li>
                                <li><a href="http://www.51hejia.com/" target="_blank">和家网</a></li>
                                <li><a href="http://www.pchouse.com.cn/" target="_blank">太平洋家居网</a></li>
                                <li><a href="http://home.jc001.cn/" target="_blank">装修网</a></li>
                                <li><a href="http://www.soupu.com/" target="_blank">搜铺网</a></li>
                                <li><a href="http://www.iwebchoice.com/" target="_blank">装修效果图</a></li>
                                <li><a href="http://home.sh.fang.com/" target="_blank">上海装修</a></li>
        	            	</ul>
                    	</div>
                    	<div class="icolor-social col-xs-12 col-md-3">
                    		<ul class="list-inline">
                    			<span><a href="" class="fa fa-th"></a></span>
                    			<li><a href="" class="fa fa-tencent-weibo"></a></li>
                    			<li><a href="" class="fa fa-weibo"></a></li>
                    			<li><a href="" class="fa fa-wechat"></a></li>
                    		</ul>
                    	</div>
                   </div>
               </div>
        	</div>
        
        	<div class="ic-footer-3">
        		<div class="container">
        			<div class="row">
        	            <div class="ic-footer-sitenav col-xs-12 hidden-xs">
        	            	<ul class="list-inline">
        	            		<li><a href="http://www.nipponpaint.com.cn/" target="_blank">立邦官网</a></li>
        	            		<li><a href="">联系我们</a></li>
        	            		<li><a href="">会员机制</a></li>
        	            		<li><a href="">网上商城</a></li>
        	            		<li><a href="">网站声明</a></li>
        	            		<li><a href="">关于我们</a></li>
        	            		<li><a href="">网站地图</a></li>
        	            	</ul>
        	            </div>
        	            <div class="ic-copyright col-xs-12">
        	            	<p>Copyright 2012 NIPPON PAINT (CHINA)Co.,Ltd All Rights Reserved<br/>iColor装修网 icolor.com.cn 沪ICP备13045279号</p>
        	            </div>
                   </div>
               </div>
        	</div>
        	<!-- 页面尾部 结束 -->
        

        <!--弹出框-->
        <div class="modal fade" id="shop-banner" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
            <div class="modal-dialog modal-lg" role="document">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 ">
                        <div class="modal-content">
                            <div class="dusc-personal">

                                <!--图片开始-->
                                <div class="dusc-personal1 dusc-personal-stylist">
                                    <img src="../images/contents/stylist_top.jpg" />
                                </div>

                                <div class="dusc-personal2 dusc-personal-stylist">
                                    <img src="../images/contents/stylist_min.jpg" />
                                </div>
                                <div class="dusc-personal3 dusc-personal-stylist">
                                    <img src="../images/contents/stylist_bom.jpg" />
                                </div>
                                <!--图片结束-->
                                <div class="personal-superposedLayer">
                                    <button class=" btn-block superposedLayer-btn" data-dismiss="modal">
                                        <i class="fa fa-times superposedLayer-fa" ></i>
                                    </button>
                                </div>
                                <div class="superBtn">
                                    <div class="col-xs-12 col-sm-2 col-sm-offset-4 btn-blocksuperOne">
                                        <button id="btn-exchangeLogo" type="button" class="btn-block btn-blocksuper superBtn1" data-dismiss="modal">确定</button>
                                    </div>
                                    <div class="col-xs-12 col-sm-2 btn-blocksuperOne">
                                        <button type="button" class="btn-block btn-blocksuper superBtn2" data-dismiss="modal">取消</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 选择作品 -->
        <div class="modal fade ic-modal-guide" id="ic-pick-work" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
            <div class="modal-dialog container-fluid" role="document">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-10 col-md-offset-1">
                        <div class="modal-content">
                            <!-- <form class="ic-index-guide-form" id="index-guide" action="#"> -->
                                <!-- <div class="ic-index-guide-group"> -->
                                    <!-- <div class="ic-index-guide-group-section curr" s-index="0"> -->
                                        <div class="modal-header-white">
                                            <h4>全部作品</h4>
                                            <button class="btn btn-close-modal" data-dismiss="modal">
                                                <i class="fa fa-times"></i>
                                            </button>
                                        </div>
                                        <div class="modal-body checkbox-group" cg-max="1">
                                            <div class="white-space-40"></div>
                                            <p>您还没有上传作品，点击<a href="#">这里</a>上传</p>
                                            <div class="white-space-40"></div>
                                            <button type="button" class="btn btn-select btn-cyan">确定</button>
                                            <div class="white-space-20"></div>
                                        </div>
                                    <!-- </div> -->
                                <!-- </div> -->
                            <!-- </form> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <script type="text/javascript" src="../vendors/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="../vendors/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="../vendors/jquery.cookie/jquery.cookie.js"></script>
        <script type="text/javascript" src="../vendors/javascript.load.image/js/load-image.all.min.js"></script>
        <script type="text/javascript" src="../js/app.js"></script>
    </body>

</html>